/*************************************
* 文件名称：shuilangjun_layout.css
* 前   缀： sljl_
* 内容概要: 布局样式
* 作   者： 水郎君
* Q    Q：  591408999 
* 邮   箱： shuilangjun@126.com
* 网   站： www.WuLingHui.com
*************************************/


/****************************************************************************************************
*                                           容器宽度                                                  *
*****************************************************************************************************/
.container {
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
	padding:0 1px;	
}

/* 窗口宽度>768,设计宽度=750 */
@media screen and (min-width:768px){
.container {
	max-width: 750px;
	padding:0px;
} 
.container .l_mediaShow{
	content:"768";
}      
}
/* 窗口宽度>992,设计宽度=970 */
@media screen and (min-width:992px){
.container {
	max-width: 970px;
	padding:0px;
} 
.container .l_mediaShow{
	content:"960";
}     
}
/* 窗口宽度>1200,设计宽度=1170*/
@media screen and (min-width: 1200px) {
.container {
	max-width: 1170px;
	padding:0px;
}
.container .l_mediaShow{
	content:"1200";
}
}

/****************************************************************************************************
*                                               头部                                                *
*****************************************************************************************************/
.sljl_header {
	position:fixed;
	left:0px;
	top:0px;
	z-index:10;
	width:100%;
	background:#1aa206;
}
/****************************************************************************************************
*                                                                                             首页样式*
*****************************************************************************************************/
/**********************************
*                           首页焦点图*
**********************************/
.sljl_indexFocuse{
	margin:10px 0 0 0;
}
/**********************************
*                       首页主体*
**********************************/
.sljl_index_main {
}
/**********************************
*                       首页2列布局*
**********************************/
.sljl_index_2column {
}


/**********************************
*                           3等列布局*
**********************************/
.sljl_index3SameColumn{
}
.sljl_index3SameColumn .l_column{
	margin-top:15px;
	overflow:hidden;
}

/* 窗口宽度>768 */
@media screen and (min-width:768px){
.sljl_index3SameColumn{
	margin:0 -15px;
}
.sljl_index3SameColumn .l_column{
	width:100%;
	padding:0 15px;
	float:left;
}
}
/* 窗口宽度>992 */
@media screen and (min-width:992px){
.sljl_index3SameColumn .l_column{
	width:33.33%;
}
}
/* 窗口宽度>1200*/
@media screen and (min-width: 1200px) {
.sljl_index3SameColumn .l_column{
	width:33.33%;
}
}
/**********************************
*                     关于我们网站地图*
**********************************/
.sljl_indexAboutSiteMap{
	background:#1aa206;
	padding:25px 0;
}

.sljl_indexAboutSiteMap .l_column{
	margin-top:15px;
	overflow:hidden;
	
}

/* 窗口宽度>768 */
@media screen and (min-width:768px){
.sljl_indexAboutSiteMap{
}
.sljl_indexAboutSiteMap .l_column{
	width:20%;
	margin-top:15px;
	padding:0 15px;
	float:left;
}
}
/* 窗口宽度>992 */
@media screen and (min-width:992px){
}
/* 窗口宽度>1200*/
@media screen and (min-width: 1200px) {

}

/****************************************************************************************************
*                                             内页主体                                              *
*****************************************************************************************************/
/**********************************
*                           当前位置*
**********************************/
.sljl_location {
	margin:10px 0 0 0;
}


/**********************************
*                           内页主体*
**********************************/
.sljl_main {
}


/****************************************************************************************************
*                                                                                          搜索页主体*
*****************************************************************************************************/
.sljl_search_main {
	margin:0px auto auto auto;
	background:#FFFFFF;
	padding:0px 24px;
}

/****************************************************************************************************
*                                                                                          内页通用布局*
*****************************************************************************************************/
/**********************************
*          内页两列布局（左栏目右内容）*
**********************************/
.sljl_inPageLeftCategoryRightMain{
	margin-top:10px;
}
/*侧边栏>栏目导航*/
.sljl_inPageLeftCategoryRightMain .l_smallColumn{
}
/*主体栏>文章内容*/
.sljl_inPageLeftCategoryRightMain .l_bigColumn{
	margin-top:20px;
}
/*<<以下 文章或新闻详细页时适用*/
.sljl_inPageLeftCategoryRightMain .l_bigColumn .l_title{/*文章标题*/
}
.sljl_inPageLeftCategoryRightMain .l_bigColumn .l_info{/*文章日期、作者、点击等信息*/
	margin:10px 0 0 0;
}
.sljl_inPageLeftCategoryRightMain .l_bigColumn .l_article{/*文章内容*/
	margin:10px 0 0 0;
}
/*以上 文章或新闻详细页时适用>>*/

/* 窗口宽度>768*/
@media screen and (min-width:768px){
.sljl_inPageLeftCategoryRightMain{
	margin:0 -15px;
	margin-top:10px;
}
/*侧边栏35%*/
.sljl_inPageLeftCategoryRightMain .l_smallColumn{
	padding:0 15px;
}
/*内容主体65%*/
.sljl_inPageLeftCategoryRightMain .l_bigColumn{
	margin-top:20px;
	padding:0 15px;
}
}

/* 窗口宽度>992*/
@media screen and (min-width:992px){
.sljl_inPageLeftCategoryRightMain{
	margin:0 -15px;
	margin-top:10px;
}
/*侧边栏35%*/
.sljl_inPageLeftCategoryRightMain .l_smallColumn{
	float:left;
	width:30%;
	padding:0 15px;
}
/*内容主体65%*/
.sljl_inPageLeftCategoryRightMain .l_bigColumn{
	float:right;
	width:70%;
	margin-top:0px;
	padding:0 15px;
}
}
/* 窗口宽度>1200*/
@media screen and (min-width:1200px){
.sljl_inPageLeftCategoryRightMain{
	margin:0 -15px;
	margin-top:10px;
}
/*侧边栏35%*/
.sljl_inPageLeftCategoryRightMain .l_smallColumn{
	float:left;
	width:30%;
	padding:0 15px;
}
/*内容主体65%*/
.sljl_inPageLeftCategoryRightMain .l_bigColumn{
	float:right;
	width:70%;
	margin-top:0px;
	padding:0 15px;
}
}

/****************************************************************************************************
*                                                                                             常见布局*
*****************************************************************************************************/
/**********************************
*                           等列布局*
**********************************/
/*
  默认为三等份：
  最大时1200px下显示四列，每列1/4即25%，一般写成24.9%
  依次类推1/3,1/2,1/1
  根据需要自行分隔
*/
.sljl_sameColumn{
}
.sljl_sameColumn .l_column{
	margin-top:15px;
	overflow:hidden;
	
}

/* 窗口宽度>768 */
@media screen and (min-width:768px){
.sljl_sameColumn{
	margin:0 -15px;
}
.sljl_sameColumn .l_column{
	width:49.99%;
	margin-top:15px;
	padding:0 15px;
	float:left;
}
}
/* 窗口宽度>992 */
@media screen and (min-width:992px){
.sljl_sameColumn{
	margin:0 -15px;
}
.sljl_sameColumn .l_column{
	width:33.33%;
	margin-top:15px;
	padding:0 15px;
	float:left;
}
}
/* 窗口宽度>1200*/
@media screen and (min-width: 1200px) {
.sljl_sameColumn{
	margin:0 -15px;
}
.sljl_sameColumn .l_column{
	width:24.99%;
	margin-top:15px;
	padding:0 15px;
	float:left;
}
}


/**********************************
*                           两列布局*
**********************************/
.sljl_2column{
}
.sljl_2column .l_bigColumn{
	margin-top:15px;
}
/*侧边栏35%*/
.sljl_2column .l_smallColumn{
	margin-top:15px;
}
/* 窗口宽度>768*/
@media screen and (min-width:768px){
.sljl_2column{
	margin:0 -15px;
}
/*内容主体65%*/
.sljl_2column .l_bigColumn{
	width:60%;
	float:left;
	padding:0 15px;
}
/*侧边栏35%*/
.sljl_2column .l_smallColumn{
	width:40%;
	float:right;
	padding:0 15px;
}
}

/* 窗口宽度>992*/
@media screen and (min-width:992px){
.sljl_2column{
	margin:0 -15px;
}
/*内容主体65%*/
.sljl_2column .l_bigColumn{
	width:65%;
	float:left;
	padding:0 15px;
}
/*侧边栏35%*/
.sljl_2column .l_smallColumn{
	width:35%;
	float:right;
	padding:0 15px;
}
}
/* 窗口宽度>1200*/
@media screen and (min-width:1200px){
.sljl_2column{
	margin:0 -15px;
}
/*内容主体65%*/
.sljl_2column .l_bigColumn{
	width:70%;
	float:left;
	padding:0 15px;
}
/*侧边栏35%*/
.sljl_2column .l_smallColumn{
	width:30%;
	float:right;
	padding:0 15px;
}
}

/****************************************************************************************************
*                                              底部版权信息                                           *
*****************************************************************************************************/


.sljl_footer {
	text-align:center;
	padding:10px 0 10px 0;
	background:#0e5d02;

}

